{% block html %}
<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
{% endblock %}

    <head>
    {% block head %}
        {% block meta %}
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
        <meta name="author" content="{{metaAuthor}}">
        {% if page is defined %}
        <meta name="description" content="{{(page.metadata.description)}}">
        {% endif %}
        <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no" />	
        {% endblock %}

        {% block title %}
        <title>{{title|default('')}} | {{siteTitle}}</title>
        {% endblock %}

        {% block externalHead %}
		<link rel="shortcut icon" href="/images/favicon.png" type="image/png" />
		<link rel="stylesheet" type="text/css" href="/css/styles.css?v=20140214" />
		<script src="//cdnjs.cloudflare.com/ajax/libs/modernizr/2.7.1/modernizr.min.js"></script>
        {% endblock %}
		
    {% endblock %}
    </head>
	
	 
    {% block body %}
        <body id="{{bodyId}}" class="{{bodyClasses}}" {{bodyExtra|default('')|raw}}>
        <div class="wrapper">
        <a id="top"></a>
        <!--[if lt IE 9]>
            <p class="chromeframe">You are using an outdated browser. <a href="http://browsehappy.com/">Upgrade your browser today</a> or <a href="http://www.google.com/chromeframe/?redirect=true">install Google Chrome Frame</a> to better experience this site.</p>
        <![endif]-->   
        

        
	    {% block header %}
	    <header>	    
	    	<div class="inner">
		    	<h1 class="logo">
		    		<a href="/"><img src="/images/logo.png" alt="{{siteTitle}}" /></a>
		    		<span class="visuallyhidden">{{siteTitle}}</span>
	    		</h1>
	    		
	    		{% block sitenav %}
	    		<a href="#mainnav" class="mainnav-toggle">Menu</a>	    		
	    		
		    	<nav id="mainnav" class="mainnav">
		    		<ul>
		    			{% block mainnav %}
		    			<li class="menu-home"><a href="/">Home</a></li>
		    			<li class="menu-wine"><a href="/#Our-Wine">Wine</a></li>	 
		    			<li class="menu-people"><a href="/#Our-People">People</a></li>
		    			<li class="menu-story"><a href="/#Our-Story">Story</a></li>
		    			<li class="menu-vineyard"><a href="/#Our-Vineyard">Vineyard</a></li>
		    			<li class="menu-news"><a href="/#News">News</a></li>
    					<li class="menu-contact"><a href="/#Contact-Us">Contact us</a></li>			
		    			{% endblock %}


                        {% if app.cart.orderContainer is not null %}
                        {% set cart = app.cart %}
		    			<li class="menu-cart"><a href="/Cart/">{{ cart.orderContainer.orderItems|length }} items <span class="divider">/</span>{{cart.currency}}{{cart.currencySign}}{{cart.orderContainer.valueForKey('totalPrice')|number_format(2, '.', ',') }} </a></li>
		    			{% else %}
		    			<li class="menu-cart"><a href="/Cart/">0 items <span class="divider">/</span>NZD$0.00</a></li>
		    			
		    			{% endif %}

		    			<li class="mobile-item"><a href="/downloads/assets/2302/Kumeu-River-Brochure.pdf" target="_blank">PDF Brochure</a></li>
		    			<li class="mobile-item"><a href="/Newsletter/" class="modal fancybox.iframe">Newsletter signup</a></li>
		    			<li class="mobile-item"><a href="/Distributors/">Distributors</a></li>
		    			<li class="mobile-item"><a href="/Terms/" class="modal fancybox.iframe">Terms</a></li>
		    			<li class="mobile-item"><a href="http://www.buywineusa.com/Kumeu-River.aspx" target="_blank">Buy Wine USA &rsaquo;</a></li>  
	    			</ul>
		    	</nav>
    			{% endblock %}
		    	
		    	<img class="logo-motif" src="/images/logo-motif.png" alt="Kumeu River" />
		    	
	    	</div><!-- .inner -->
	    </header><!-- header -->
	    
		<div class="menu-trigger"></div>
	    {% endblock %}
	    
	    
	    

        <div class="container">        
	        
	        
	        {% block aside %}
	           <aside>
					{% block asideContent %}
			        {% endblock %}        
	           </aside>  
	        {% endblock %}  
	        
	        
	        {% block content %}
	                
	        {% endblock %}      
        
        </div><!-- .container -->     
        
        
        
        

        {% block footer %}
        <footer>
        	<div class="inner">
    			<nav class="footer-nav">
    				<ul>
    					{# <li><a href="/downloads/assets/2302/Kumeu-River-Brochure.pdf" target="_blank">PDF Brochure</a></li> #}
    					<li><a href="/Newsletter/" class="modal fancybox.iframe">Newsletter signup</a></li>
    					<li><a href="/Distributors/">Distributors</a></li>
    					<li><a href="/Terms/" class="modal fancybox.iframe">Terms</a></li>
    					<li><a href="http://www.buywineusa.com/Kumeu-River.aspx" target="_blank">Buy Wine USA &rsaquo;</a></li>    					
    				</ul>
    			</nav>
    			<div class="copyright">All content &copy; {{copyrightYear}} {{copyrightName}}. <a href="http://www.gravitate.co.nz" target="_blank">Site by Gravitate</a>.</div>
            </div>
            
            <ul class="anchor-nav nav">
            	<li><a href="#top" class="top-nav">Top</a></li>
            </ul>
		</footer><!-- footer -->
		

		{% endblock %}



        {% block externalFoot %}
			<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
	        <script src="//cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>
			<script src="//cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.5/jquery.fancybox.pack.js"></script>			
	        <script src="//cdnjs.cloudflare.com/ajax/libs/jquery-mousewheel/3.1.6/jquery.mousewheel.min.js"></script>
 	        <script src="//cdnjs.cloudflare.com/ajax/libs/jquery.cycle2/20130801/jquery.cycle2.min.js"></script>
			<script src="//cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.11.1/jquery.validate.min.js"></script>

			<script src="//cdnjs.cloudflare.com/ajax/libs/prefixfree/1.0.7/prefixfree.min.js"></script>	
	        <script src="/js/jquery.mCustomScrollbar.min.js"></script>
	        <script src="/js/stickUp.min.js"></script>
	        <script src="/js/idangerous.swiper-2.4.js"></script>
	                
			<script src="/js/functions.js"></script>
			
			<script type="text/javascript">
				jQuery(function($) {
				$(document).ready( function() {
					$('header').stickUp({ 
						parts: { 
							0:'Home', 
							1:'Our-Wine', 
							2:'Our-People', 
							3:'Our-Story', 
							4:'Our-Vineyard', 
							5:'News',
							6:'Contact-Us'
						}, 
						itemClass: 'menu-item', 
						itemHover: 'active'
					});
				});
				});
		      </script>
		      
		      
        {% endblock %} 
           

        {% block googleAnalytics %}
        {% endblock %} 
        
         </div><!-- .wrapper -->     
    </body>    
    {% endblock %}
        
        
        
{% block endHtml %}
</html>
<!-- end -->
{% endblock %}
